<template>
  <div class="container">
    <div class="item">
      <span>哒哒测试:</span><span>{{ computedDataFromSupplierInput.fffff }}</span>
    </div>
    <div class="item">
      <span>公司:</span><span>{{ computedDataFromSupplierInput.company }}</span>
    </div>
    <div class="item">
      <span>公司简称:</span
      ><span>{{ computedDataFromSupplierInput.companySimple }}</span>
    </div>
    <div class="item">
      <span>经营时间:</span
      ><span>
        {{ computedDataFromSupplierInput?.stockDataStart }}-{{
        computedDataFromSupplierInput?.stockData
        }}
      </span>
    </div>
    <div class="item">
      <span>身份时间:</span
      ><span>
        {{ computedDataFromSupplierInput?.idcardStart }}-{{
        computedDataFromSupplierInput?.idcardEnd
        }}
      </span>
    </div>
  </div>
</template>

<script>
import {diffAttrList} from "./data.js";
export default {
  props: ["dataFromSupplierInput"],
  data() {
    return {
    };
  },
  methods: {},
  computed: {
    computedDataFromSupplierInput() {
      const processedData = { ...this.dataFromSupplierInput };
      console.log(processedData)
      for (const key in processedData) {
        if (processedData.hasOwnProperty(key) && typeof processedData[key] === 'string') {
          if (processedData[key].includes('【X】')) {
            processedData[key] = processedData[key].replace(/【X】/g, 'x');
          } else if (processedData[key].includes('【√】')) {
            processedData[key] = processedData[key].replace(/【√】/g, '√');
          }
        }
      }
      return processedData;
    }
  },
  mounted() {
  },
  created() {

  }
}
</script>
<style scoped></style>
